/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2016 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: Author: DrByte  Fri Feb 26 00:03:33 2016 -0500 Modified in v1.5.5 $
 */

body {
  margin: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 62.5%;
  color: #000000;
  background-color: #e5edf5;
  }

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
  color: #3300FF;
  text-decoration: none;
  }

a:visited {
  color: #3300FF;
  text-decoration: none;
  }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
  color: #FF0000;
  }

a:active {
  color: #0000FF;
  }

h1 {
  font-size: 1.5em;
  }

h2 {
  font-size: 1.4em;
  }

h3 {
  font-size: 1.3em;
  }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
  font-size: 1.1em;
  }

.biggerText {
  font-size: 1.2em;
  }

h1, h2, h3, h4, h5, h6 {
  margin: 0.3em 3px;
}

CODE {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 1em;
  }

FORM, SELECT, INPUT {
  display: inline;
  font-size: 1em;
  margin: 0.1em;
  }

TEXTAREA {
/*	float: left;*/
  margin: auto;
  display: block;
  width: 95%;
  }

input:focus, select:focus, textarea:focus {
  background: #F0F8FF;
  }

FIELDSET {
  padding: 0.5em;
  margin: 0.5em 0em;
  border: 1px solid #cccccc;
  }

LEGEND {
  font-weight: bold;
  padding: 0.3em;
  }

LABEL, h4.optionName {
  line-height: 1.5em;
  padding: 0.2em;
  }

LABEL.checkboxLabel, LABEL.radioButtonLabel {
  margin: 0.5em 0.3em;
  }

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
  float: left;
  }

LABEL.inputLabel {
  width: 11em;
  float: left;
  }

LABEL.inputLabelPayment {
  width: 15em;
  float: left;
  }

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
  width: 12em;
  float: left;
  }

P, ADDRESS {
  padding: 0.5em;
  }

ADDRESS {
  font-style: normal;
  }

.clearBoth {
  clear: both;
  }

HR {
  height: 1px;
  margin-top: 0.5em;
  border: none;
  border-bottom: 1px solid #9a9a9a;
  }

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
  line-height: 1.8em;
  padding: 0.2em;
  border: 1px solid #000000;
  }

.messageStackWarning, .messageStackError {
  background-color: #ff0000;
  color: #ffffff;
  }

.messageStackSuccess {
  background-color: #99FF99;
  color: #000000;
  }

.messageStackCaution {
  background-color: #FFFF66;
  color: #000000;
  }

/*wrappers - page or section containers*/
#mainWrapper {
  background-color: #ffffff;
  text-align: left;
  width: 100%;
  vertical-align: top;
  }

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
  margin: 0em;
  padding: 0em;
  }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
  margin: auto;
  }

#tagline {
  color:#000000;
  font-size: 2em;
  text-align : center;
  vertical-align: middle;
  }

#sendSpendWrapper {
  border: 1px solid #cacaca;
  float: right;
  margin: 0em 0em 1em 1em;
  }

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
  margin: 0;
  width: 47%;
  }

.wrapperAttribsOptions {
  margin: 0.3em 0em;
  }

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
  margin: 0em;
  font-size: 0.9em;
  }
.navNextPrevList {
  display: inline;
  white-space: nowrap;
  margin: 0;
  padding:  0.5em 0em;
  list-style-type: none;
  }

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
  margin: 0em;
  background-color: #9a9a9a;
  font-weight: bold;
  color: #ffffff;
  height: 1%;
  width: 100%;
  }

#navMain ul, #navSupp ul, #navCatTabs ul  {
  margin: 0;
  padding:  0.5em 0em;
  list-style-type: none;
  text-align: center;
  line-height: 1.5em;
  }

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
  display: inline;
  }

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
  text-decoration: none;
  padding: 0em 0.5em;
  margin: 0;
  color: #ffffff;
  white-space: nowrap;
  }

#navEZPagesTOCWrapper {
  font-weight: bold;
  float: right;
  height: 1%;
  border: 1px solid #000000;
  }

#navEZPagesTOC ul {
  margin: 0;
  padding:  0.5em 0em;
  list-style-type: none;
  line-height: 1.5em;
  }

#navEZPagesTOC ul li {
  white-space: nowrap;
  }

#navEZPagesTOC ul li a {
  padding: 0em 0.5em;
  margin: 0;
  }

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
  margin: 0.5em;
  }

#navMainSearch {
  float: right;
  }

#navBreadCrumb {
  background-color: #cc9900;
  }

#navEZPagesTop {
  background-color: #ffff33;
  }

#navBreadCrumb, #navEZPagesTop {
  font-size: 0.95em;
  font-weight: bold;
  margin: 0em;
  padding: 0.5em;
  }

#navColumnOne {
  background-color: #FFCC99;
  }

#navColumnTwo {
  background-color: #00BFBF;
  }

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
  vertical-align: top;
  }

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
  /*font-size: 1.2em;*/
  padding: 0.5em;
  }

.alert {
  color: #FF0000;
  margin-left: 0.5em;
  }
.advisory {}
.important {
  font-weight: bold;
  }
.notice {}
.rating{}
.gvBal {
  float: right;
  }
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
  padding: 0.8em;
  }

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
  font-size: 0.9em;
  }

/*Shopping Cart Display*/
#cartAdd {
  float: right;
  text-align: center;
  margin: 1em;
  border: 1px solid #000000;
  padding: 1em;
  }

.tableHeading TH {
  border-bottom: 1px solid #cccccc;
  }

.tableHeading, #cartSubTotal {
  background-color: #e9e9e9;
   }

#cartSubTotal {
  border-top: 1px solid #cccccc;
  font-weight: bold;
  text-align: right;
  line-height: 2.2em;
  padding-right: 2.5em;
  }

.tableRow, .tableHeading, #cartSubTotal {
  height: 2.2em;
  }

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
  padding: 0.5em 0em;
  }

.cartUnitDisplay, .cartTotalDisplay {
  text-align: right;
  padding-right: 0.2em;
  }

#scUpdateQuantity {
  width: 2em;
  }

.cartQuantity {
  width: 4.7em;
  }

.cartNewItem {
  color: #33CC33;
  position: relative;  /*do not remove-fixes stupid IEbug*/
  }

.cartOldItem {
  color: #660099;
  position: relative;   /*do not remove-fixes stupid IEbug*/
  }

.cartBoxTotal {
  text-align: right;
  font-weight: bold;
  }

.cartRemoveItemDisplay {
  width: 3.5em;
  }

.cartAttribsList {
  margin-left: 1em;
  }

#mediaManager {
  width: 50%;
  margin: 0.2em;
  padding: 0.5em;
  }
.mediaTitle {
  float: left;
  }
.mediaTypeLink {
  float: right;
  }

.normalprice, .productSpecialPriceSale {
  text-decoration: line-through;
  }

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
  color: #ff0000;
  }

.orderHistList {
  margin: 1em;
  padding: 0.2em 0em;
  }

#cartBoxListWrapper ul, #ezPageBoxList ul {
  list-style-type: none;
  }

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
  margin: 0;
  padding: 0.2em 0em;
  }

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold;
  }

.totalBox {
  width: 5.5em;
  text-align: right;
  padding: 0.2em;
  }

.lineTitle, .amount {
  text-align: right;
  padding: 0.2em;
  }

.amount {
  width: 5.5em;
  }

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
  margin: 0em 1em 1em 0em ;
  }

.categoryIcon {}

.cartImage {
  margin: 0.5em 1em;
  }

/*Attributes*/
.attribImg {
  width: 20%;
  margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
  margin: 1em 0em;
  }

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
  font-size: 1em;
  color: #ffffff;
  }

.leftBoxHeading, .centerBoxHeading {
  margin: 0em;
  background-color: #FF6699;
  padding: 0.5em 0.2em;
  }

.leftBoxContainer {
  border: 1px solid #ffffff;
  margin-top: 1.5em;
  }

.sideBoxContent {
  background-color: #ffffff;
  padding: 0.4em;
  }

h3.rightBoxHeading, h3.rightBoxHeading a {
  font-size: 1.1em;
  color: #FFFF00;
  }

.rightBoxHeading {
  margin: 0em;
  background-color: #663366;
  padding: 0.2em 0em;
  }

h3.leftBoxHeading a:hover {
  color: #FFFF33;
  text-decoration: none;
  }

h3.rightBoxHeading a:hover {
  color: #FF0000;
  text-decoration: none;
  }

.rightBoxContent {
  background-color: #ffffff;
  margin-bottom: 1em;
  }

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
  text-align: center;
  }

#bestsellers .wrapper {
  margin: 0em 0em 0em 1.5em;
  }

#bestsellers ol {
  padding: 0;
  margin-left: 1.1em;
  }

#bestsellers li {
  padding: 0;
  margin: 0.3em 0em 0.3em 0em;
  }

#bannerboxHeading {
  background-color: #0000CC;
}

#upProductsHeading {
  text-align: left;
  }

#upDateHeading {
  text-align: right;
  }

/*misc*/
.back {
  float: left;
  }

.forward, #shoppingCartDefault #PPECbutton {
  float: right;
  }

.bold {
  font-weight: bold;
  }

.rowOdd {
  background-color: #E8E8E8;
  height: 1.5em;
  vertical-align: top;
  }

.rowEven {
  background-color: #F0F0F0;
  height: 1.5em;
  vertical-align: top;
  }

.hiddenField {
  display: none;
}
.visibleField {
  display: inline;
}

CAPTION {
  /*display: none;*/
  }

#myAccountGen li, #myAccountNotify li {
  margin: 0;
  }

.accountTotalDisplay, .accountTaxDisplay {
  width: 20%;
  text-align: right;
  /*vertical-align: top*/
  }

.accountQuantityDisplay {
  width: 10%;
  vertical-align: top
  }

TR.tableHeading {
  background-color: #cacaca;
  height: 2em;
  }

#siteMapList {
  width: 90%;
  float: right;
  }

.ratingRow {
  margin: 1em 0em 1.5em 0em;
  }

LABEL#textAreaReviews {
  font-weight: normal;
  margin: 1em 0em;
  }
#popupShippingEstimatorBody, #popupSearchHelpBody, #popupImageAdditionalBody, #popupImageBody, #popupCvvHelpBody, #popupCouponHelpBody, #popupAtrributesQtyPricesBody, #infoShoppingCartBody {
  background-color: #ffffff;
  }

.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
  clear: both;
  }

.seDisplayedAddressLabel {
  background-color:#85C285;
  text-align: center;
  }
.seDisplayedAddressInfo {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  }
#seShipTo {
  padding: 0.2em;
  }

/* added padding to prevent CSS buttons from touching product image */
.navNextPrevWrapper {padding-bottom: 5px;}

.paypal-button-hidden {
  visibility: hidden;
}

/* markup for tables used to present tabular data */
.alignLeft {text-align: left}
.alignCenter {text-align: center}
.alignRight {text-align: right}
.tabTable {width:100%;border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}
table{border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}
#cartContentsDisplay {width: 100%;}
#myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {width: 100%;}
.accountOrderId {width:30px;}
.accountOrderDate, .accountOrderStatus, .accountOrderTotal {width:70px;}
#seQuoteResults {width: 100%;}
#seQuoteResults td {border: 1px solid black;}
.listBoxContentTable {width:100%;}
.listBoxContentTable td {border: 1px solid black;}
#upcomingProductsTable {width: 100%;}
#quantityDiscountsDetails td {border: 1px solid black;}
.products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {width: 100%;}
.tableBorder1 td {border: 1px solid black;}

/* ==== bof pagination css ==== */
ul.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  ul.pagination li {
    height: 1.5em;
    color: #222222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    ul.pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999999; }
    ul.pagination li:hover a,
    ul.pagination li a:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
      background: transparent; }
    ul.pagination li.current a {
      background: #2ba6cb;
      color: white;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus {
        background: #2ba6cb; }
  ul.pagination li {
    float: left;
    display: block; }

.item-list {
  border-width: 1px 0px;
  border-style: solid;
  padding: 4px 0px;
  overflow: hidden;
  border-color: #bebebe; }

.pagination-top {
  margin-bottom: 8px; }

.pagination-bottom {
  margin-top: 8px; }

.item-list ul.pager {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 0;
  text-align: center;
  width: 100%;
  list-style: inside none; }

.item-list ul.pager li a,
.item-list .pager li a.current,
.item-list select {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  color: #91908f;
  display: block;
  white-space: nowrap;
  padding: 2px;
  margin: 0px !important; }

.item-list ul.pager li a span {
  padding: 0px;
  border: 0px;
  box-shadow: none;
  background: none;}

.item-list select {
  width: 50px;
  line-height: 14px;
  height: 24px;
  padding-left: 2px;
  padding-right: 2px; }

.item-list ul.pager li {
  font-size: 1.0em;
  color: #b4b4b3;
  display: inline-block;
  margin-right: 0.3%; }

.item-list .pager li a.current {
  background-color: #ededed;
  font-weight: bold;
  color: #686764; }

.item-list ul.pager li:first-child {
  float: left; }

.item-list ul.pager li:last-child {
  float: right;
  margin-right: 0%; }

.item-list ul.pager li:first-child a,
.item-list ul.pager li:last-child a {
  line-height: 22px;
  font-size: 20px;
  font-weight: normal;
  min-width: 50px;
  padding: 0px 0px 1px !important; }

.item-list ul.pager li:first-child a .inactive,
.item-list ul.pager li:last-child a .inactive {
  color: #b4b4b3; }
#orderSteps ul {
    margin:  0 0 50px 0 ;
}

#orderSteps ul li {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    /*width: 100px;*/
    margin: 5px 1px 0 0;
    text-indent: 35px;
    position: relative;
}

#orderSteps ul li:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: -2px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #BCE8F1;
    z-index: 0;
}

#orderSteps ul li:first-child:before {
    border-color: transparent;
}

#orderSteps ul li a:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -15px;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #D9EDF7;
    z-index: 10;
}

#orderSteps ul li a {
    display: block;
    background: #D9EDF7;
    text-decoration:none
}

#orderSteps ul li a:hover {
    text-decoration:none;
    color: black
}

/*
ul li a:hover:after {
    border-color: transparent transparent transparent pink;
}
*/
#orderSteps ul li.active a {
    color: white;
    background: #3A87AD;
    z-index: 100;
}

#orderSteps ul li.active a:after {
    border-left-color: #3A87AD;
}
